<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<link rel="stylesheet" type="text/css" href="css/top.css"/>
		<link rel="stylesheet" type="text/css" href="css/yejiao.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<script src="js/jquery-3.4.1.min.js"></script>
		<script src="js/tab.js"></script>
	</head>

	<body>
		<!--包裹-->
		<div class="">
			<!--头部菜单-->
			<div class="head-menu">
				<div class="head-menu-row">
					<div class="menu-left ">
						<a href="#">
							<img src="img/logo.png" />
							<span>让批发更轻松</span>
						</a>
					</div>

					<div class="menu-right">
						<ul>
							<li>
								<a href="index.html" class="menu-current" style="color: #ef4f19;font-weight: bold;">首页</a>
							</li>
							<li>
								<a href="html/fuwu.html">服务</a>
							</li>
							<li>
								<a href="html/dingjia.html">定价</a>
							</li>
							<li>
								<a href="html/guanyu.html">关于</a>
							</li>
						</ul>
						<button>立即申请</button>
						<span>1234567891234</span>
						<img src="img/h24.png" />
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--banner图-->
			<div class="banner">
				<div class="container">
					<div class="banner-left animated fadeInLeft">
						<div class="">
							<h1>批发，从未如此轻松</h1>
							<p>重新定义批发，为您连接所有客户<br> 拥抱移动互联，助您生意再次腾飞
							</p>
							<button>申请免费试用</button>
						</div>
					</div>
					<div class="banner-right animated rotateIn">
						<div class="">
							<img src="img/p1.png" />
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--产品介绍-->
			<div class="chanpin">
				<div class="container">
					<div class="chanpin-main animated bounceIn">
						<img src="img/p2.png" />
						<h1>掌控店铺</h1>
						<p>实时数据同步，了解店铺运营情况</p>
						<p>所有店铺状态，随时随地一手掌握</p>
					</div>
					<div class="chanpin-main animated bounceIn" >
						<img src="img/p3.png" />
						<h1>掌控店铺</h1>
						<p>实时数据同步，了解店铺运营情况</p>
						<p>所有店铺状态，随时随地一手掌握</p>
					</div>
					<div class="chanpin-main animated bounceIn">
						<img src="img/p4.png" />
						<h1>掌控店铺</h1>
						<p>实时数据同步，了解店铺运营情况</p>
						<p>所有店铺状态，随时随地一手掌握</p>
					</div>
					<div class="chanpin-main animated bounceIn" style="margin-right: 0;">
						<img src="img/p5.png" />
						<h1>掌控店铺</h1>
						<p>实时数据同步，了解店铺运营情况</p>
						<p>所有店铺状态，随时随地一手掌握</p>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--产品优势-->
			<div class="youshi">
				<div class="container">
					<div class="youshi-top animated fadeInDown">
						<p>三大优势<span style="color:#ef4f19;">助你生意腾飞</span></p>
						<div class="youshi-top-span">我们​所做的一切，只为你的生意更好!</div>
					</div>
					<div class="youshi-bottom">
						<div class="youshi-bottom-row">
							<div class="youshi-img">
								<img src="img/p6.png" />
								<h1>你的独立网商</h1>
								<p>即刻拥有你的专属网商平台，扫码访问</p>
								<p>让你的店铺捧在他的手心里</p>
							</div>
						</div>
						<div class="youshi-bottom-row">
							<div class="youshi-img">
								<img src="img/p7.png" />
								<h1>你的独立网商</h1>
								<p>即刻拥有你的专属网商平台，扫码访问</p>
								<p>让你的店铺捧在他的手心里</p>
							</div>
						</div>
						<div class="youshi-bottom-row" style="margin-right: 0;">
							<div class="youshi-img">
								<img src="img/p8.png" />
								<h1>你的独立网商</h1>
								<p>即刻拥有你的专属网商平台，扫码访问</p>
								<p>让你的店铺捧在他的手心里</p>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--tab分页-->
			<div class="tab">
				<div class="container">
					<div class="tab-top">
						<ul>
							<li style="margin-left: 0;"><span id="li1">云商店</span></li>
							<li><span id="li2">进销存</span></li>
							<li><span id="li3">商米V1</span></li>
						</ul>
						<div class="clear"></div>
					</div>
					<div class="tab-bottom">
						<div id="div1" class="">
							<div class="tab-main-left">
								<h1>您独有的网店<span>-轻松批云商店</span></h1>
								<p>轻松批展示店专为批发商进行开发，让您拥有独立的、安全的展示空间，所有数据直接在APP上即可进行编辑，提供全面的展示、交易、售后服务，为您的批发事业插上互联网的翅膀！</p>
								<ul>
									<li>无限容量空间</li>
									<li>一键生成二维码</li>
									<li>免费公众号服务</li>
								</ul>
								<button>进入示范店铺</button>
							</div>
							<div class="tab-main-right">
								<img src="img/p11.png" style="width: 90%;height: auto;margin-top: 50px;" />
							</div>
							<div class="clear"></div>
						</div>
						<div id="div2" class="">
							<div class="tab-main-left">
								<h1>管店无忧<span>-轻松批进销存</span></h1>
								<p>一套专为批发设计的进销存软件，为您实时监控您店铺的营业情况，并为您的店员提供最快速、专业的开单工具，从此不再为账务和库存担忧，随时随地轻松管店！</p>
								<ul>
									<li>全面支持离线操作</li>
									<li>有网实时数据同步</li>
									<li>专为批发优化流程</li>
								</ul>
								<button>了解更多</button>
							</div>
							<div class="tab-main-right">
								<img src="img/p1.png" />
							</div>
							<div class="clear"></div>
						</div>
						<div id="div3" class="">
							<div class="tab-main-left">
								<h1>开单小王子<span>-商米V1</span></h1>
								<p>由小米制造商专业设计开发并生产，集开单、打印、联网于一体的商业专用设备，搭载商业版安卓系统和轻松批进销存软件，一台设备集成开店所需的所有功能，让店铺更加整洁，让管理更加专业！</p>
								<ul>
									<li>超大电量–充满电用3天</li>
									<li>超速打印技术–10秒/米</li>
									<li>安全稳定–无故障使用三年</li>
								</ul>
								<button>了解更多</button>
							</div>
							<div class="tab-main-right">
								<img src="img/p11.png" style="width: 90%;height: auto;margin-top: 50px;" />
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>

				</div>
			</div>
			<!--帮助我们-->
			<div class="help">
				<div class="container">
					<div class="help-top">
						<p>我们如何帮助客户成功</p>
					</div>
					<div class="help-bottom">
						<div class="help-bottom-left">
							<img src="img/touxiang.JPG" />
						</div>
						<div class="help-bottom-right">
							<p>轻松批让我不再像以前一样每天都要守在店里观察客户情况，在家里打开手机就可以看到店铺整体的业务情况，让我有更多时间在面料、工厂和款式上下功夫，自带的销量库存报告让我可以很准确的进货下单</p>
							<p>并且轻松批提供的网上店铺，更方便我的客户看新款，我也不用发微信来骚扰客户，现在的老客户越来越多！用轻松批，说老实话并没有轻松多少，但是生意变好了很多！继续加油！！！</p>
							<h1>凃宇</h1><br />
							<em>WEIDAO</em>
							<span>2018级数字媒体应用技术二班</span>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!--留下电话-->
			<div class="dianhua">
				<div class="container">
					<div class="dianhua-left">
						<h1>留下您的电话，我们第一时间联系你</h1>
						<form id="form1" name="form1" action="#" method="post">
							<div class="name"><label for="name">姓名<span>*</span></label><br/><input type="text" name="name" id="name" /></div>
							<div class="name"><label for="number">电话</label><br/><input type="text" name="number" id="number" /></div>
							<div class="mail"><label for="mail">邮箱<span>*</span></label><br/><input type="text" name="mail" id="mail" /></div>
							<div class="content"><label for="content">内容<span>*</span></label><br/><textarea name="content" id="content"></textarea></div>
						</form>
						<button>提交</button>
						<p>
							<span>温馨提示：</span>可以在内容中填写您的
							<span>店铺地址</span>，在开通业务的地区，我们提供上门服务!
						</p>
					</div>
					<div class="dianhua-right animated fadeInRight">
						<img src="img/p12.png" />
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--免费试用-->
			<div class="shiyong">
				<div class="container">
					<div class="shiyong-left">
						<span>轻松批，让批发更轻松！！！</span>
					</div>
					<div class="shiyong-right">
						<button>免费试用版本</button>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--网页底部-->
			<div class="yejiao">
				<div class="container">
					<div class="yejiao-box1">
						<span>关于我们</span>
						<p>轻松批是广州市晶焰网络科技有限公司专为批发行业开发的成套批发管理工具，我们致力于解决批发行业的各种痛点，并为客户提供更好和更优质的产品。</p>
					</div>
					<div class="yejiao-box2">
						<span>合作伙伴</span>
						<p>阿里云--阿里巴巴网络服务平台</p>
						<em>商米--小米控股商用设备提供商</em>
					</div>
					<div class="yejiao-box3">
						<span>联系方式</span><br/>
						<img src="img/1-email.png" />
						<p>qsp@baokuant.com</p>
						<img src="img/1-phone.png" />
						<p>+86 13826027418</p>
						<img src="img/1-address.png" />
						<p>广州市越秀区人民南路88号肯德基二楼</p>
					</div>
					<div class="yejiao-box4" style="margin-right: 0;">
						<span>帮助与支持</span><br/>
						<img src="img/1-list.png" />
						<p>使用帮助</p>
						<img src="img/1-phone.png" />
						<p>+86 13826027418</p>
						<img src="img/1-address.png" />
						<p>广州市越秀区人民南路88号肯德基二楼</p>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--置顶按钮-->
			<div class="footer" id="gotoTop">
				<i class="iconxiangshang iconfont"></i>
				<script src="js/footer.js"></script>
			</div>
		</div>
	</body>

</html>